<template>
  <ElDialog v-model="dialogVisible" title="账户信息导入" width="30%" @close="dialogVisible = false">
    <ElUpload class="upload-demo" drag action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15" multiple>
      <ElIcon class="el-icon--upload">
        <UploadFilled />
      </ElIcon>
      <div class="el-upload__text">Drop file here or <em>click to upload</em></div>
      <template #tip>
        <div class="el-upload__tip">
          仅允许导入xls、xlsx格式文件。<ElLink type="primary" href="http://www.vvvdj.com">下载模板</ElLink>
        </div>
      </template>
    </ElUpload>
  </ElDialog>
</template>

<script setup lang="ts">
import { ref } from 'vue'

const dialogVisible = ref(false)

const open: () => void = () => {
  dialogVisible.value = true
}

defineExpose({
  open
})
</script>

<style scoped lang="scss"></style>
